<template>
    <div class="recycle">
      <div>
        <span style="width: 160px;">斩&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;仙&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1000RMB</span>
        <span style="width: 160px;">灵&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;虚&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;800RMB</span>
        <span style="width: 170px;">赤&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;霄&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;600RMB</span>

        <span>创世剑甲战套 500RMB</span>
        <span>创世暴5战链 200RMB</span>
        <span>创世战手戒 100RMB/个</span>
        <span>创世剑甲法套 300RMB</span>
        <span>创世暴5法链&nbsp;&nbsp;&nbsp;50RMB</span>
        <span>创世法手戒&nbsp;&nbsp;&nbsp;50RMB/个</span>
        <span>创世剑甲道套 400RMB</span>
        <span>创世暴5道链 100RMB</span>
        <span>创世道手戒&nbsp;&nbsp;&nbsp;80RMB/个</span>

        <span style="color: #e6a23c;">九五至尊[聖]&nbsp;&nbsp;100RMB</span>
        <span style="color: #e6a23c;">十转圣人&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;200RMB</span>
        <span style="color: #e6a23c;">满兵书属性&nbsp;&nbsp;&nbsp;&nbsp;200RMB&nbsp;&nbsp;</span>

        <span>荣耀剑甲战套 200RMB</span>
        <span>创世勋章击杀爆率+5 200RMB/个</span>
        <span style="width: 78px"></span>
        <span>荣耀剑甲道套 100RMB</span>
        <span>创世斗笠击杀爆率+5 200RMB/个</span>
        <span style="width: 78px"></span>
        <span>荣耀剑甲法套 100RMB</span>
        <span>鹤影天青甲/鹤影天青衣 800RMB</span>
        <span style="width: 78px"></span>
      </div>
    </div>
</template>

<script>
export default {
  name: 'RecyclePane'
}
</script>

<style scoped lang="scss">
.recycle {
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    /*flex-direction: column;*/
    flex-wrap: wrap;
    span {
      margin-bottom: 20px;
      color: #333;
    }
  }
}
</style>
